#calendar{
    font-family: Arial, Verdana;    
    font-size: 12px;
}

/* LINKS */
a                 { color:#0160b0; text-decoration:none; }
a:link            { color:#0160b0; text-decoration:none; }
a:hover           { color:#336699; text-decoration:underline; }
a:visited         { color:#0160b0; text-decoration:none; }
a:visited:hover   { color:#336699; text-decoration:underline; }

#calendar_header                  { width:99%; display: none;}
#calendar_header .caption_left     { width:33%; text-align:left; }
#calendar_header .caption         { width:34%; font-size: 16px; font-weight:bold; text-align:center; }
#calendar_header .types_changer { width:33%; font-size: 12px; font-weight:normal; text-align:right; }


/* MONTLY CALENDAR */
/** ------------------------------------------------------------------------ **/
#calendar .td,
#calendar .td_empty,
#calendar .td_actday,
#calendar .td_selday{
    width:14%;
    text-align: left;
    vertical-align: top;
    padding:3px; 
    padding-left:5px;
    padding-top:5px;
}

#calendar .month              { width:99%; align:left; border:1px solid #ccc; margin:8px; border-collapse:collapse; }
#calendar .tr_days           { height:32px; background-color:#f1f1f1; background-image: url(/tmpl/default/images/header_bg.gif); background-repeat: repeat-x; }
#calendar .tr                { }
#calendar .td                 { border:1px solid #ddd; color:#555; background-color:#ffffff; text-align: center;}
#calendar .td_empty         { border:1px solid #ddd; color:#555; background-color:#f1f2f3; }
#calendar .td_actday         { background-color:#0466ba; color:#fff; font-weight:bold; }
#calendar .td_selday         { background-color:#ffffcc; border:1px; color:#555; font-weight:bold; }
#calendar .th                 { text-align:center; align:left; padding-top:3px; padding-bottom:3px; padding:5px; color:#fff; }


/* SMALL MONTLY CALENDAR */
/** ------------------------------------------------------------------------ **/
#calendar .td_small,
#calendar .td_small_empty,
#calendar .td_small_actday,
#calendar .td_small_selday{
    width:14%;
    text-align: right;
    vertical-align: top;
    padding:1px; 
    padding-right:3px;
}

#calendar .year_container   { width:100%; align:center; margin-top:8px; border:1px solid #ccc; border-collapse:collapse; }
#calendar .month_small        { width:96%; align:center; border:1px solid #ccc; margin-top:5px; border-collapse:collapse; }
#calendar .tr_small_days    { background-color:#f1f1f1; background-image: url(/tmpl/default/images/header_bg.gif); background-repeat: repeat-x; }
#calendar .tr_small         { }
#calendar .td_small         { border:1px solid #ddd; color:#555; background-color:#ffffff; }
#calendar .td_small_empty     { border:1px solid #ddd; color:#555; background-color:#f1f2f3; }
#calendar .td_small_actday  { background-color:#0466ba; color:#fff; font-weight:bold; }
#calendar .td_small_selday  { background-color:#ffffcc; border:1px; color:#555; font-weight:bold; }
#calendar .th_small         { text-align:center; align:center; font-weight:bold; padding-top:1px; padding-bottom:1px; padding:2px; color:#fff; }


/* NAVIGATION BAR */
#calendar .table_navbar       { border:0px; width:100%; height: 40px; }
#calendar .tr_navbar           { width:34%; background-color:#ffffff; }
#calendar .tr_navbar_left     { width:33%; background-color:#ffffff; height:30px; padding-left:7px; text-align:left; }
#calendar .tr_navbar_right     { width:33%; background-color:#ffffff; height:30px; padding-right:7px; text-align:right; }

#calendar .class_form       { padding:0px; margin:0px; }
#calendar .form_select      { font-size:12px; }
#calendar .form_button      { font-size:12px; }